@charset "utf-8";
@import "reset";
@import "common";


//推荐内容
.content {
    @include w();
}
    .content1,.content2 {
        @include clearfix();
        border-bottom: 0.01rem solid #e4e4e4;
        padding: 0.25rem 0;
    }
    .content2 {
        border: 0;
    }
        .right {
            @include fr();
            margin-left: 0.47rem;
            .picbox {
                width: 2.07rem;
                height: 1.16rem;
                overflow: hidden;
                position: relative;
                img {
                    width: 100%;
                    @include m();
                }
            }
        }
        .left {
            overflow: hidden;
            @include clearfix();
            p {
                line-height: 0.34rem;
                font-size: 0.2486rem;
                padding-bottom: 0.1rem;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                color: #323232;
                em {
                    &::before {
                        content: "#";
                    }
                    &::after {
                        content: "#";
                    }
                }
            }
            span {
                color: #c5c5c5;
                display: inline-block;
                font-size:  0.1776rem;
                margin-top: 0.1rem;
                vertical-align: top;
                i {
                    
                }
                em {
                    padding-right: 0.08rem;
                }
            }
            .fr {
                em {
                    &:nth-of-type(2) {
                        &::before {
                            content: "[";
                        }
                        &::after {
                            content: "]";
                        }
                    }
                }
            }
            .fl {
                div {
                    display: inline-block;
                    vertical-align: middle;
                    @extend %fs0;
                    width: 0.27rem;
                    height: 0.27rem;
                    border-radius: 50%;
                    position: relative;
                    overflow: hidden;
                    img {
                        width: 100%;
                        @include m();
                    }
                }
            }
        }
        
//推荐下面灰色部分
hr {
    margin: 0;
    background: #f5f5f5;
    height: 0.25rem;
    border: 0px;
}

//横向排列图片部分
.content_h {
    padding-top: 0.35rem;
}
    .pics {
        text-align: justify;
        text-align-last: justify;
        @extend %fs0;
        .picbox {
            display: inline-block;
            width: 1.84rem;
            height: 1.22rem;
            overflow: hidden;
            position: relative;
            @extend %fs0;
            img {
                width: 100%;
                @include m();
            }
        }
    }




